import React from 'react'
import Gouyu from '../assets/pic.png'
import iconBg2 from '../assets/icon_bg2.png'
import gouyuIcon from '../assets/gouyu_icon.png'

function ProductItem2() {
  return (
    <div className="productItem">
      <div className="productImg">
        <img src={Gouyu} alt="" />
      </div>
      <p className="productInfo">
        60 勾玉
      </p>
      <p className="productDiscount" style={{borderRadius: 30}}>
        <span>首次充值赠送 +30</span>
        <img src={gouyuIcon} alt="" style={{width: 15, height: 15, marginLeft: 5}} />
      </p>
      <p className="productPrice" style={{margin: '20px 0'}}>￥ 1500</p>
      {/* <p className="productOriginPrice">￥ 1500.00</p> */}
      <div className="productSub" style={{backgroundImage: `url(${iconBg2})`, width: 102, height: 66}}>
        <span style={{
          fontSize: 18, 
          transform: 'rotate(-15deg)', 
          paddingTop: 12,
          paddingLeft: 6
        }}>首充1.5倍</span>
      </div>
    </div>
  )
}

export default ProductItem2